<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../util/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/attendance.css">
    <link rel="stylesheet" href="../util/flatpickr/dist/flatpickr.min.css">
    <script src="../util/flatpickr/dist/flatpickr.js"></script>
    <style>
        /*→→→→→→→→→→→→ 单标签注释←←←←←←←←←←←←←*/
        /*↓↓↓↓↓↓↓↓↓↓↓↓↓↓ 注释块  --开始--↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
        /*↑↑↑↑↑↑↑↑↑↑↑↑↑↑ 注释块  --结束--↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/

    </style>
</head>
<!--→→→→→→→→→→→→ 单标签注释←←←←←←←←←←←←←-->
<!--↓↓↓↓↓↓↓↓↓↓↓↓↓↓ 注释块  ----开始----↓↓↓↓↓↓↓↓↓↓↓↓↓↓-->
<!--↑↑↑↑↑↑↑↑↑↑↑↑↑↑ 注释块  ----结束----↑↑↑↑↑↑↑↑↑↑↑↑↑↑-->
<body>
    <h2>考勤管理</h2>
    <div class="container-fluid att-box">
        <div class="row">
            <div class="col-md-12">
                    <!-- 考勤管理  内部书签栏 -->
                    <ul class="nav nav-tabs" role="tablist">
                        <li role="presentation" class="active"><a href="#home"  role="tab" data-toggle="tab">考勤一览</a></li>
                        <li role="presentation" ><a href="#timeTracking"  role="tab" data-toggle="tab">考勤处理</a></li>
                        <li role="presentation" ><a href="#staff"  role="tab" data-toggle="tab">教职工</a></li>
                        <li role="presentation"><a href="#student" a role="tab" data-toggle="tab">学生</a></li>
                    </ul>

                    <!-- 书签栏 标签页 -->
                    <div class="tab-content">
                        <!-- 首页 用来展示数据-->
                        <div role="tabpanel" class="col-md-12 tab-pane active" id="home" style="height: 600px">
                            <div class="container-fluid att-page-box">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="col-md-6  echartTea" id="echartTea">
                                            echartTea

                                        </div>
                                        <div class="col-md-6  echartStu" id="echartStu">
                                            echartStu
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="col-md-6  echartTeaM" id="echartTeaM">
                                            echartTeaM

                                        </div>
                                        <div class="col-md-6  echartStuM" id="echartStuM">
                                            echartStuM
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- 考勤处理 用来处理异常数据-->
                        <div role="tabpanel" class="col-md-12 tab-pane " id="timeTracking">
                                <!--请假处理-->
                                <div class="row">
                                    <h3>请假申请处理</h3>
                                    <!--教职工请假申请处理-->
                                    <div class="col-md-12 col-lg-6 ">
                                        <div class="table-responsive ">
                                            <table class="table table-bordered att-table att-tea-table">
                                                <caption><h4>教师请假请求</h4></caption>
                                                <tr class="att-table" style="font-size: 14px; border-bottom:3.5px solid #dee2e6 ;border-top: 2px solid #dee2e6 ; text-align: center">
                                                    <th>工号</th>
                                                    <th>姓名</th>
                                                    <th>部门</th>
                                                    <th>请假类型</th>
                                                    <th>备注</th>
                                                    <th>操作</th>
                                                </tr>
                                                <tr>
                                                    <td>1641310201</td>
                                                    <td>花花</td>
                                                    <td>教研部</td>
                                                    <td>病假</td>
                                                    <td>生病，去医院检查</td>
                                                    <td>
                                                        <!--  批准模态框按钮 -->
                                                        <button type="button" class="btn btn-primary btn-sm " data-toggle="modal" data-target="#teaLeaveApprove">
                                                            批准
                                                        </button>
                                                        <!--  驳回模态框按钮 -->
                                                        <button type="button" class="btn btn-warning btn-sm" data-toggle="modal" data-target="#teaLeaveReject">
                                                            驳回
                                                        </button>
                                                    </td>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>
                                    <!--学生请假申请处理-->
                                    <div class="col-md-12 col-lg-6">
                                        <div class="table-responsive ">
                                            <table class="table table-bordered att-table att-tea-table">
                                                <caption>
                                                   <h4>学生请假请求</h4>
                                                </caption>
                                                <tr class="att-table" style="font-size: 14px; border-bottom:3.5px solid #dee2e6 ;border-top: 2px solid #dee2e6 ; text-align: center">
                                                    <th>学号</th>
                                                    <th>姓名</th>
                                                    <th>班级</th>
                                                    <th>请假(备注)</th>
                                                    <th>操作</th>
                                                    <th>考勤记录</th>
                                                </tr>
                                                <tr>
                                                    <td>1641310201</td>
                                                    <td>天天</td>
                                                    <td>花花一班</td>
                                                    <td>病假</td>
                                                    <td>生病，去医院检查</td>
                                                    <td>
                                                        <!--  批准模态框按钮 -->
                                                        <button type="button" class="btn btn-primary btn-sm " data-toggle="modal" data-target="#stuLeaveApprove">
                                                            批准
                                                        </button>
                                                        <!--  驳回模态框按钮 -->
                                                        <button type="button" class="btn btn-warning btn-sm" data-toggle="modal" data-target="#stuLeaveReject">
                                                            驳回
                                                        </button>
                                                    </td>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <!--迟到处理-->
                                <div class="row">
                                    <h3>迟到处理</h3>
                                    <!--教职工迟到处理-->
                                    <div class="col-md-12 col-lg-6">
                                        <div class="table-responsive ">
                                            <table class="table table-bordered att-table att-tea-table">
                                                <caption><h4>教职工迟到</h4>
                                                    <button type="button" class="btn btn-primary " data-toggle="modal" data-target="#tableExport">
                                                    数据导出
                                                    </button>
                                                </caption>
                                                <tr class="att-table" style="font-size: 14px; border-bottom:3.5px solid #dee2e6 ;border-top: 2px solid #dee2e6 ; text-align: center">
                                                    <th>工号</th>
                                                    <th>姓名</th>
                                                    <th>部门</th>
                                                    <th>入园时间</th>
                                                    <th>出园时间</th>
                                                    <th>类型</th>
                                                    <th>操作</th>
                                                </tr>
                                                <tr>
                                                    <td>1641310201</td>
                                                    <td>花花</td>
                                                    <td>教研部</td>
                                                    <td>2019-11-13  09:00</td>
                                                    <td>2019-11-13  22:30</td>
                                                    <td>迟到</td>
                                                    <td>
                                                        <!--  批准模态框按钮 -->
                                                        <button type="button" class="btn btn-primary btn-sm " data-toggle="modal" data-target="#teaLateEdit">
                                                            编辑
                                                        </button>
                                                    </td>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>
                                    <!--学生迟到处理-->
                                    <div class="col-md-12 col-lg-6">
                                        <div class="table-responsive ">
                                            <table class="table table-bordered att-table att-tea-table">
                                                <caption>
                                                    <h4>学生迟到</h4>
                                                    <button type="button" class="btn btn-primary " data-toggle="modal" data-target="#tableExport">
                                                        数据导出
                                                    </button>
                                                </caption>
                                                <tr class="att-table" style="font-size: 14px; border-bottom:3.5px solid #dee2e6 ;border-top: 2px solid #dee2e6 ; text-align: center">
                                                    <th>学号</th>
                                                    <th>姓名</th>
                                                    <th>班级</th>
                                                    <th>入园时间</th>
                                                    <th>出园时间</th>
                                                    <th>类型</th>
                                                    <th>操作</th>
                                                </tr>
                                                <tr>
                                                    <td>1641310201</td>
                                                    <td>天天</td>
                                                    <td>花花一班</td>
                                                    <td>2019-11-13  08:00</td>
                                                    <td>2019-11-13  22:00</td>
                                                    <td>早退</td>
                                                    <td>
                                                        <!--  批准模态框按钮 -->
                                                        <button type="button" class="btn btn-primary btn-sm " data-toggle="modal" data-target="#stuLateEdit">
                                                            编辑
                                                        </button>
                                                    </td>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <!--缺勤处理-->
                                <div class="row">
                                    <h3>缺勤处理</h3>
                                    <!--教职工缺勤处理-->
                                    <div class="col-md-12 col-lg-6">
                                        <div class="table-responsive ">
                                            <table class="table table-bordered att-table att-tea-table">
                                                <caption>
                                                    <h4>教职工缺勤</h4>
                                                    <button type="button" class="btn btn-primary " data-toggle="modal" data-target="#tableExport">
                                                        数据导出
                                                    </button>
                                                </caption>
                                                <tr class="att-table" style="font-size: 14px; border-bottom:3.5px solid #dee2e6 ;border-top: 2px solid #dee2e6 ; text-align: center">
                                                    <th>工号</th>
                                                    <th>姓名</th>
                                                    <th>部门</th>
                                                    <th>入园时间</th>
                                                    <th>出园时间</th>
                                                    <th>类型</th>
                                                    <th>操作</th>
                                                </tr>
                                                <tr>
                                                    <td>1641310201</td>
                                                    <td>花花</td>
                                                    <td>教研部</td>
                                                    <td>2019-11-13  09:00</td>
                                                    <td>2019-11-13  22:30</td>
                                                    <td>迟到</td>
                                                    <td>
                                                        <!--  批准模态框按钮 -->
                                                        <button type="button" class="btn btn-primary btn-sm " data-toggle="modal" data-target="#teaAbsenteeismEdit">
                                                            编辑
                                                        </button>

                                                    </td>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>
                                    <!--学生缺勤处理-->
                                    <div class="col-md-12 col-lg-6">
                                        <div class="table-responsive ">
                                            <table class="table table-bordered att-table att-tea-table">
                                                <caption>
                                                    <h4>学生缺勤</h4>
                                                    <button type="button" class="btn btn-primary " data-toggle="modal" data-target="#tableExport">
                                                        数据导出
                                                    </button>
                                                </caption>
                                                <tr class="att-table" style="font-size: 14px; border-bottom:3.5px solid #dee2e6 ;border-top: 2px solid #dee2e6 ; text-align: center">
                                                    <th>学号</th>
                                                    <th>姓名</th>
                                                    <th>班级</th>
                                                    <th>入园时间</th>
                                                    <th>出园时间</th>
                                                    <th>类型</th>
                                                    <th>操作</th>
                                                </tr>
                                                <tr>
                                                    <td>1641310201</td>
                                                    <td>天天</td>
                                                    <td>花花一班</td>
                                                    <td>2019-11-13  08:00</td>
                                                    <td>2019-11-13  22:00</td>
                                                    <td>早退</td>
                                                    <td>
                                                        <!--  批准模态框按钮 -->
                                                        <button type="button" class="btn btn-primary btn-sm " data-toggle="modal" data-target="#stuAbsenteeismEdit">
                                                            编辑
                                                        </button>
                                                    </td>
                                            </table>
                                        </div>
                                    </div>
                            </div>
                                    <!--↓↓↓↓↓↓↓↓↓↓↓↓↓↓ 教职工请假申请模态框  ----开始----↓↓↓↓↓↓↓↓↓↓↓↓↓↓-->
                                        <!--→→→→→→→→→→→→批准模态框←←←←←←←←←←←←←-->
                            <div class="modal fade" id="teaLeaveApprove" tabindex="-1" role="dialog" >
                                <div class="modal-dialog" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                            <h4 class="modal-title" >编辑</h4>
                                        </div>
                                        <div class="modal-body">
                                            <form class="form-horizontal">
                                                <div class="form-group">
                                                    <label  class="col-sm-2 control-label">批准人：</label>
                                                    <div class="col-sm-10">
                                                        <input type="email" class="form-control" id="待编辑1" placeholder="批准人姓名">
                                                    </div>
                                                    <span class="col-sm-2"></span>
                                                    <p class="col-sm-10 ">错误！姓名长度在2-6字之间</p>
                                                </div>
                                            </form>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                            <button type="button" class="btn btn-primary">确定</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                                        <!--→→→→→→→→→→→→驳回模态框←←←←←←←←←←←←←-->
                            <div class="modal fade" id="teaLeaveReject" tabindex="-1" role="dialog" >
                                <div class="modal-dialog" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                            <h4 class="modal-title" >编辑</h4>
                                        </div>
                                        <div class="modal-body">
                                            <form class="form-horizontal">
                                                <div class="form-group">
                                                    <label  class="col-sm-2 control-label">审批人：</label>
                                                    <div class="col-sm-10">
                                                        <input type="email" class="form-control" id="待编辑2" placeholder="审批姓名">
                                                    </div>
                                                    <span class="col-sm-2"></span>
                                                    <p class="col-sm-10 ">错误！姓名长度在2-6字之间</p>
                                                </div>
                                                <div class="form-group">
                                                    <label  class="col-sm-2 control-label">驳回原因：</label>
                                                    <div class="col-sm-10">
                                                        <input type="email" class="form-control" id="待编辑4" placeholder="原因">
                                                    </div>
                                                    <span class="col-sm-2"></span>
                                                    <p class="col-sm-10 ">必填！</p>
                                                </div>
                                            </form>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                            <button type="button" class="btn btn-primary">确定</button>
                                        </div>
                                    </div>
                                </div>
                            </div>

                                    <!--↓↓↓↓↓↓↓↓↓↓↓↓↓↓ 学生请假申请模态框  ----开始----↓↓↓↓↓↓↓↓↓↓↓↓↓↓-->
                                        <!--→→→→→→→→→→→→批准模态框←←←←←←←←←←←←←-->
                            <div class="modal fade" id="stuLeaveApprove" tabindex="-1" role="dialog" >
                                <div class="modal-dialog" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                            <h4 class="modal-title" >编辑</h4>
                                        </div>
                                        <div class="modal-body">
                                            <form class="form-horizontal">
                                                <div class="form-group">
                                                    <label  class="col-sm-2 control-label">批准人：</label>
                                                    <div class="col-sm-10">
                                                        <input type="email" class="form-control" id="待编辑3" placeholder="批准人姓名">
                                                    </div>
                                                    <span class="col-sm-2"></span>
                                                    <p class="col-sm-10 ">错误！姓名长度在2-6字之间</p>
                                                </div>
                                            </form>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                            <button type="button" class="btn btn-primary">确定</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                                        <!--→→→→→→→→→→→→驳回模态框←←←←←←←←←←←←←-->
                            <div class="modal fade" id="stuLeaveReject" tabindex="-1" role="dialog" >
                                <div class="modal-dialog" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                            <h4 class="modal-title" >编辑</h4>
                                        </div>
                                        <div class="modal-body">
                                            <form class="form-horizontal">
                                                <div class="form-group">
                                                    <label  class="col-sm-2 control-label">审批人：</label>
                                                    <div class="col-sm-10">
                                                        <input type="email" class="form-control" id="待编辑6" placeholder="审批姓名">
                                                    </div>
                                                    <span class="col-sm-2"></span>
                                                    <p class="col-sm-10 ">错误！姓名长度在2-6字之间</p>
                                                </div>
                                                <div class="form-group">
                                                    <label  class="col-sm-2 control-label">驳回原因：</label>
                                                    <div class="col-sm-10">
                                                        <input type="email" class="form-control" id="待编辑7" placeholder="原因">
                                                    </div>
                                                    <span class="col-sm-2"></span>
                                                    <p class="col-sm-10 ">必填！</p>
                                                </div>
                                            </form>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                            <button type="button" class="btn btn-primary">确定</button>
                                        </div>
                                    </div>
                                </div>
                            </div>

                                    <!--↓↓↓↓↓↓↓↓↓↓↓↓↓↓ 教职工迟到模态框  ----开始----↓↓↓↓↓↓↓↓↓↓↓↓↓↓-->
                                        <!--→→→→→→→→→→→→数据导出模态框←←←←←←←←←←←←←-->
                            <div class="modal fade" id="tableExport" tabindex="-1" role="dialog" >
                                <div class="modal-dialog" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                            <h4 class="modal-title" >数据导出</h4>
                                        </div>
                                        <div class="modal-body">
                                            <h4>您确认打印考勤表吗?</h4>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                            <button type="button" class="btn btn-primary">确定</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                                        <!--→→→→→→→→→→→→编辑模态框←←←←←←←←←←←←←-->
                            <div class="modal fade" id="teaLateEdit" tabindex="-1" role="dialog" >
                                <div class="modal-dialog" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                            <h4 class="modal-title" >编辑</h4>
                                        </div>
                                        <div class="modal-body">
                                            <form class="form-horizontal">
                                                <div class="form-group">
                                                    <label  class="col-sm-2 control-label">已经请假</label>
                                                    <div class="col-sm-10">
                                                        <button type="button" class="btn btn-primary">确定</button>
                                                    </div>
                                                    <span class="col-sm-2"></span>
                                                    <p class="col-sm-10 addDepartmentRemind">已经从数据表中剔除</p>
                                                </div>
                                                <div class="form-group">
                                                    <label  class="col-sm-2 control-label">数据异常</label>
                                                    <div class="col-sm-10">
                                                        <button type="button" class="btn btn-primary">确定</button>
                                                    </div>
                                                    <span class="col-sm-2"></span>
                                                    <p class="col-sm-10 addDepartmentRemind">已经从数据表中剔除</p>
                                                </div>
                                                <div class="form-group">
                                                    <label  class="col-sm-2 control-label">审批人</label>
                                                    <div class="col-sm-10">
                                                        <input type="password" class="form-control" id="待编辑13" placeholder="审批人">
                                                    </div>
                                                    <span class="col-sm-2"></span>
                                                    <p class="col-sm-10 addDepartmentRemind">错误！审批人名称长度在2-10字之间</p>
                                                </div>

                                            </form>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                            <button type="button" class="btn btn-primary">确定</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                                    <!--↓↓↓↓↓↓↓↓↓↓↓↓↓↓ 学生迟到模态框  ----开始----↓↓↓↓↓↓↓↓↓↓↓↓↓↓-->
                                        <!--→→→→→→→→→→→→数据导出模态框←←←←←←←←←←←←←-->
                                        <!--→→→→→→→→→→→→编辑模态框←←←←←←←←←←←←←-->
                            <div class="modal fade" id="stuLateEdit" tabindex="-1" role="dialog" >
                                <div class="modal-dialog" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                            <h4 class="modal-title" >编辑</h4>
                                        </div>
                                        <div class="modal-body">
                                            <form class="form-horizontal">
                                                <div class="form-group">
                                                    <label  class="col-sm-2 control-label">已经请假</label>
                                                    <div class="col-sm-10">
                                                        <button type="button" class="btn btn-primary">确定</button>
                                                    </div>
                                                    <span class="col-sm-2"></span>
                                                    <p class="col-sm-10 addDepartmentRemind">已经从数据表中剔除</p>
                                                </div>
                                                <div class="form-group">
                                                    <label  class="col-sm-2 control-label">数据异常</label>
                                                    <div class="col-sm-10">
                                                        <button type="button" class="btn btn-primary">确定</button>
                                                    </div>
                                                    <span class="col-sm-2"></span>
                                                    <p class="col-sm-10 addDepartmentRemind">已经从数据表中剔除</p>
                                                </div>
                                                <div class="form-group">
                                                    <label  class="col-sm-2 control-label">审批人</label>
                                                    <div class="col-sm-10">
                                                        <input type="password" class="form-control" id="待编辑134" placeholder="审批人">
                                                    </div>
                                                    <span class="col-sm-2"></span>
                                                    <p class="col-sm-10 addDepartmentRemind">错误！审批人名称长度在2-10字之间</p>
                                                </div>

                                            </form>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                            <button type="button" class="btn btn-primary">确定</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                                    <!--↑↑↑↑↑↑↑↑↑↑↑↑↑↑ 学生迟到模态框  ----结束----↑↑↑↑↑↑↑↑↑↑↑↑↑↑-->

                                    <!--↓↓↓↓↓↓↓↓↓↓↓↓↓↓ 教职工缺勤模态框  ----开始----↓↓↓↓↓↓↓↓↓↓↓↓↓↓-->
                                        <!--→→→→→→→→→→→→数据导出模态框←←←←←←←←←←←←←-->
                                        <!--→→→→→→→→→→→→编辑模态框←←←←←←←←←←←←←-->
                            <div class="modal fade" id="teaAbsenteeismEdit" tabindex="-1" role="dialog" >
                                <div class="modal-dialog" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                            <h4 class="modal-title" >编辑</h4>
                                        </div>
                                        <div class="modal-body">
                                            <div class="modal-body">
                                                <form class="form-horizontal">
                                                    <div class="form-group">
                                                        <label  class="col-sm-2 control-label">已经请假</label>
                                                        <div class="col-sm-10">
                                                            <button type="button" class="btn btn-primary">确定</button>
                                                        </div>
                                                        <span class="col-sm-2"></span>
                                                        <p class="col-sm-10 addDepartmentRemind">已经从数据表中剔除</p>
                                                    </div>
                                                    <div class="form-group">
                                                        <label  class="col-sm-2 control-label">数据异常</label>
                                                        <div class="col-sm-10">
                                                            <button type="button" class="btn btn-primary">确定</button>
                                                        </div>
                                                        <span class="col-sm-2"></span>
                                                        <p class="col-sm-10 addDepartmentRemind">已经从数据表中剔除</p>
                                                    </div>
                                                    <div class="form-group">
                                                        <label  class="col-sm-2 control-label">审批人</label>
                                                        <div class="col-sm-10">
                                                            <input type="password" class="form-control" id="待编辑1346" placeholder="审批人">
                                                        </div>
                                                        <span class="col-sm-2"></span>
                                                        <p class="col-sm-10 addDepartmentRemind">错误！审批人名称长度在2-10字之间</p>
                                                    </div>

                                                </form>
                                            </div>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                            <button type="button" class="btn btn-primary">确定</button>
                                        </div>
                                    </div>
                                </div>
                            </div>

                                        <!--→→→→→→→→→→→→数据导出模态框←←←←←←←←←←←←←-->
                                        <!--→→→→→→→→→→→→编辑模态框←←←←←←←←←←←←←-->
                            <div class="modal fade" id="stuAbsenteeismEdit" tabindex="-1" role="dialog" >
                                <div class="modal-dialog" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                            <h4 class="modal-title" >编辑</h4>
                                        </div>
                                        <div class="modal-body">
                                            <div class="modal-body">
                                                <form class="form-horizontal">
                                                    <div class="form-group">
                                                        <label  class="col-sm-2 control-label">已经请假</label>
                                                        <div class="col-sm-10">
                                                            <button type="button" class="btn btn-primary">确定</button>
                                                        </div>
                                                        <span class="col-sm-2"></span>
                                                        <p class="col-sm-10 addDepartmentRemind">已经从数据表中剔除</p>
                                                    </div>
                                                    <div class="form-group">
                                                        <label  class="col-sm-2 control-label">数据异常</label>
                                                        <div class="col-sm-10">
                                                            <button type="button" class="btn btn-primary">确定</button>
                                                        </div>
                                                        <span class="col-sm-2"></span>
                                                        <p class="col-sm-10 addDepartmentRemind">已经从数据表中剔除</p>
                                                    </div>
                                                    <div class="form-group">
                                                        <label  class="col-sm-2 control-label">审批人</label>
                                                        <div class="col-sm-10">
                                                            <input type="password" class="form-control" id="待编辑1345" placeholder="审批人">
                                                        </div>
                                                        <span class="col-sm-2"></span>
                                                        <p class="col-sm-10 addDepartmentRemind">错误！审批人名称长度在2-10字之间</p>
                                                    </div>

                                                </form>
                                            </div>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                            <button type="button" class="btn btn-primary">确定</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                                    <!--↑↑↑↑↑↑↑↑↑↑↑↑↑↑ 学生缺勤模态框  ----结束----↑↑↑↑↑↑↑↑↑↑↑↑↑↑-->

                        </div>
                        <!-- 教职工考勤-->
                        <div role="tabpanel" class="col-md-12 tab-pane " id="staff">
                            <div class="container-fluid  att-page-box">
                                <div class="row">
                                    <div class="col-md-6 att-nav">
                                        <div class="row">
                                            <!-- 教师考勤搜索框-->
<!--                                            <div class="col-lg-6">-->
<!--                                                <div class="input-group">-->
<!--                                                    <input type="text" class="form-control" placeholder="Search for...">-->
<!--                                                    <span class="input-group-btn"><button class="btn btn-default" type="button">Go!</button></span>-->
<!--                                                </div>&lt;!&ndash; /input-group &ndash;&gt;-->
<!--                                            </div>&lt;!&ndash; /.col-lg-6 &ndash;&gt;-->
                                        </div><!-- /.row -->
                                    </div>
                                    <div class="col-md-2 att-nav">
                                        <!-- Button trigger modal 请假录入的 模态框按钮 -->
                                        <button type="button" class="btn btn-primary " data-toggle="modal" data-target="#teaLeaveEntry">
                                            请假录入
                                        </button>
                                    </div>
                                    <div class="col-md-2 att-nav">
                                        <!-- Button trigger modal 邮件抄送模态框的按钮 -->

                                    </div>
                                    <div class="col-md-2 att-nav">
                                        <!-- Button trigger modal 数据导出模态框按钮 -->
                                        <button type="button" class="btn btn-primary " data-toggle="modal" data-target="#tableExport2">
                                            数据导出
                                        </button>
                                    </div>
                                </div>
                                <!-- Modal 请假录入的 模态框-->
                                <div class="modal fade" id="teaLeaveEntry1" tabindex="-1" role="dialog" >
<!--                                    <div class="modal-dialog" role="document">-->
<!--                                        <div class="modal-content">-->
<!--                                            <div class="modal-header">-->
<!--                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>-->
<!--                                                <h4 class="modal-title" >请假录入</h4>-->
<!--                                            </div>-->
<!--                                            <div class="modal-body">-->
<!--                                                <form class="form-horizontal">-->
<!--                                                    <div class="form-group">-->
<!--                                                        <label  class="col-sm-2 control-label">工号</label>-->
<!--                                                        <div class="col-sm-4">-->
<!--                                                            <input type="email" class="form-control" id="addTeaUid" placeholder="工号">-->
<!--                                                        </div>-->
<!--                                                        <span class="col-sm-6"></span>-->
<!--                                                        <p class="col-sm-10 addDepartmentRemind">错误！工号为纯数字</p>-->
<!--                                                    </div>-->
<!--                                                    <div class="form-group">-->
<!--                                                        <label  class="col-sm-2 control-label">姓名</label>-->
<!--                                                        <div class="col-sm-4">-->
<!--                                                            <input type="email" class="form-control" id="addTeaName" placeholder="姓名">-->
<!--                                                        </div>-->
<!--                                                        <span class="col-sm-6"></span>-->
<!--                                                        <p class="col-sm-10 addDepartmentRemind">错误！部门名称长度在3-10字之间</p>-->
<!--                                                    </div>-->
<!--                                                    <div class="form-group">-->
<!--                                                        <label  class="col-sm-2 control-label">部门</label>-->
<!--                                                        <div class="col-sm-4">-->
<!--                                                            <input type="password" class="form-control" id="addTeaDepartmentName" placeholder="部门名称">-->
<!--                                                        </div>-->
<!--                                                        <span class="col-sm-6"></span>-->
<!--                                                        <p class="col-sm-10 addDepartmentRemind">错误！负责人名称长度在2-10字之间</p>-->
<!--                                                    </div>-->
<!--                                                    <div class="form-group">-->
<!--                                                        <label  class="col-sm-2 control-label">开始时间</label>-->
<!--                                                        <div class="col-sm-4">-->
<!--                                                            <input class="flatpickr form-control"  id="addTeaStartTime" placeholder="开始时间" style="background: white">-->
<!--                                                        </div>-->
<!--                                                        <span class="col-sm-6"></span>-->
<!--                                                    </div>-->
<!--                                                    <div class="form-group">-->
<!--                                                        <label  class="col-sm-2 control-label">结束时间</label>-->
<!--                                                        <div class="col-sm-4">-->
<!--                                                            <input class="flatpickr form-control" id="addTeaEndTime" placeholder="结束时间" style="background: white">-->
<!--                                                        </div>-->
<!--                                                        <span class="col-sm-6"></span>-->
<!--                                                    </div>-->
<!--                                                    <div class="form-group">-->
<!--                                                        <label  class="col-sm-2 control-label">请假类型</label>-->
<!--                                                        <div class="col-sm-10">-->
<!--                                                            <input type="radio" name="radio" value="事假"><label >事假</label>-->
<!--                                                            <input type="radio" name="radio"  value="调休"><label >调休</label>-->
<!--                                                            <input type="radio" name="radio"  value="病假"> <label >病假</label>-->
<!--                                                            <input type="radio" name="radio"  value="年假"> <label >年假</label>-->
<!--                                                            <input type="radio" name="radio"  value="产假"> <label >产假</label>-->
<!--                                                            <input type="radio" name="radio"  value="陪产假"> <label >陪产</label>-->
<!--                                                            <input type="radio" name="radio"  value="例假"> <label >例假</label>-->
<!--                                                            <input type="radio" name="radio"  value="哺乳假"> <label >哺乳假</label>-->
<!--                                                        </div>-->
<!--                                                    </div>-->
<!--                                                    <div class="form-group">-->
<!--                                                        <label  class="col-sm-2 control-label">请假事由</label>-->
<!--                                                        <div class="col-sm-10">-->
<!--                                                            <textarea class="form-control" type="text" id="addTeaLeaveNote" placeholder="请假备注：" style="height: 100px"></textarea>-->
<!--                                                        </div>-->
<!--                                                    </div>-->
<!--                                                    <div class="form-group">-->
<!--                                                        <label  class="col-sm-2 control-label">抄送</label>-->
<!--                                                        <div class="col-sm-4">-->
<!--                                                            <input type="email" class="form-control" id="addTeaApprover" placeholder="填入审批人">-->
<!--                                                        </div>-->
<!--                                                        <span class="col-sm-6"></span>-->
<!--                                                        <p class="col-sm-10 addDepartmentRemind">错误！请输入审批人</p>-->
<!--                                                    </div>-->
<!--                                                    <div class="form-group">-->
<!--                                                        <label  class="col-sm-2 control-label">抄送</label>-->
<!--                                                        <div class="col-sm-4">-->
<!--                                                            <input type="email" class="form-control" id="addTeaEmai" placeholder="收件人邮箱">-->
<!--                                                        </div>-->
<!--                                                        <span class="col-sm-6"></span>-->
<!--                                                        <p class="col-sm-10 addDepartmentRemind">错误！请输入正确的邮箱格式</p>-->
<!--                                                    </div>-->
<!--                                                </form>-->
<!--                                            </div>-->
<!--                                            <div class="modal-footer">-->
<!--                                                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>-->
<!--                                                <button type="button" id="teaLeaveApply" class="btn btn-primary">确定</button>-->
<!--                                            </div>-->
<!--                                        </div>-->
<!--                                    </div>-->
                                </div>
                                <div class="modal fade" id="teaLeaveEntry" tabindex="-1" role="dialog" >
                                    <div class="modal-dialog" role="document">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                                <h4 class="modal-title" >请假录入</h4>
                                            </div>
                                            <div class="modal-body">
                                                <form class="form-horizontal">
                                                    <div class="form-group">
                                                        <label  class="col-sm-2 control-label">工号</label>
                                                        <div class="col-sm-4">
                                                            <input type="text" class="form-control  tea" id="addTeaUid"  name="addTeaUid"placeholder="工号">
                                                        </div>
                                                        <span></span>
                                                        <span class="col-sm-6"></span>
                                                    </div>
                                                    <div class="form-group">
                                                        <label  class="col-sm-2 control-label">姓名</label>
                                                        <div class="col-sm-4">
                                                            <input type="text" class="form-control  tea" id="addTeaName" name="addTeaName" placeholder="姓名">
                                                        </div>
                                                        <span></span>
                                                        <span class="col-sm-6"></span>
                                                    </div>
                                                    <div class="form-group">
                                                        <label  class="col-sm-2 control-label">部门</label>
                                                        <div class="col-sm-4">
                                                            <input type="text" class="form-control  tea" id="addTeaDepartmentName" name="addTeaDepartmentName" placeholder="部门名称">
                                                        </div>
                                                        <span></span>
                                                        <span class="col-sm-6"></span>
                                                    </div>
                                                    <div class="form-group">
                                                        <label  class="col-sm-2 control-label">开始时间</label>
                                                        <div class="col-sm-4">
                                                            <input class="flatpickr form-control  tea"  id="addTeaStartTime" name="addTeaStartTime" placeholder="开始时间" style="background: white">
                                                        </div>
                                                        <span></span>
                                                        <span class="col-sm-6"></span>
                                                    </div>
                                                    <div class="form-group">
                                                        <label  class="col-sm-2 control-label">结束时间</label>
                                                        <div class="col-sm-4">
                                                            <input class="flatpickr form-control  tea" id="addTeaEndTime" name="addTeaEndTime" placeholder="结束时间" style="background: white">
                                                        </div>
                                                        <span></span>
                                                        <span class="col-sm-6"></span>
                                                    </div>
                                                    <div class="form-group">
                                                        <label  class="col-sm-2 control-label">请假类型</label>
                                                        <div class="col-sm-10">
                                                            <input type="radio" class="  tea" name="radio" value="0"><label >事假</label>
                                                            <input type="radio" class="  tea" name="radio"  value="1"><label >调休</label>
                                                            <input type="radio" class="  tea" name="radio"  value="2"> <label >病假</label>
                                                            <input type="radio" class="  tea" name="radio"  value="3"> <label >年假</label>
                                                            <input type="radio" class="  tea" name="radio"  value="4"> <label >产假</label>
                                                            <input type="radio" class="  tea" name="radio"  value="5"> <label >陪产</label>
                                                            <input type="radio" class="  tea" name="radio"  value="6"> <label >丧假</label>
                                                            <input type="radio" class="  tea" name="radio"  value="7"> <label >哺乳假</label>
                                                        </div>
                                                        <span class="col-sm-2"></span>
                                                        <span class="col-sm-10"></span>
                                                    </div>
                                                    <div class="form-group">
                                                        <label  class="col-sm-2 control-label">请假事由</label>
                                                        <div class="col-sm-10">
                                                            <textarea class="form-control " type="text" id="addTeaLeaveNote" name="addTeaLeaveNote" placeholder="请假备注"  style="height: 100px"></textarea>
                                                        </div>
                                                        <span class="col-sm-2"></span>
                                                        <span class="col-sm-10"></span>
                                                    </div>
                                                    <div class="form-group">
                                                        <label  class="col-sm-2 control-label">审批</label>
                                                        <div class="col-sm-4">
                                                            <input type="email" class="form-control  tea" id="addTeaApprover" name="addTeaApprover" placeholder="填入审批人">
                                                        </div>
                                                        <span></span>
                                                        <span class="col-sm-6"></span>
                                                    </div>
                                                    <div class="form-group">
                                                        <label  class="col-sm-2 control-label">抄送</label>
                                                        <div class="col-sm-4">
                                                            <input type="email" class="form-control  " id="addTeaEmail" name="addTeaEmail" placeholder="收件人邮箱">
                                                        </div>
                                                        <span></span>
                                                        <span class="col-sm-6"></span>
                                                    </div>
                                                </form>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                                <button type="button" id="teaLeaveApply" class="btn btn-primary">确定</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Modal 邮件抄送模态框-->
                                <!-- 数据导出模态框 -->
                                <div class="modal fade" id="tableExport2" tabindex="-1" role="dialog" >
                                    <div class="modal-dialog" role="document">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                                <h4 class="modal-title" id="myModalLabel1-2">数据导出</h4>
                                            </div>
                                            <div class="modal-body">
                                                <h4>您确认打印考勤表吗?</h4>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                                <button type="button" class="btn btn-primary">确定</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--教师考勤表格的表头-->
                                <div class="row">
                                    <div class="col-md-12 att-nav">
                                        <div class="table-responsive ">
                                            <table class="table   table-bordered att-table att-tea-table">
                                                <tbody class="table1">
                                                <tr class="att-table headline" style="font-size: 14px; border-bottom:3.5px solid #dee2e6 ;border-top: 2px solid #dee2e6 ; text-align: center">
                                                    <th>工号</th>
                                                    <th>姓名</th>
                                                    <th>部门</th>
                                                    <th>月报</th>
                                                </tr>
<!--                                                <tr>-->
<!--                                                    <td>1641310201</td>-->
<!--                                                    <td>张三</td>-->
<!--                                                    <td>教研部</td>-->
<!--                                                    <td>-->
<!--                                                        <button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#teaWeek">-->
<!--                                                            考勤周报-->
<!--                                                        </button>-->
<!--                                                    </td>-->
<!--                                                    <td>-->
<!--                                                        <button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#teaMonth">-->
<!--                                                            考勤月报-->
<!--                                                        </button>-->
<!--                                                    </td>-->
<!--                                                </tr>-->
                                                </tbody>
                                            </table>
                                            <nav class="att-footer-nav" id="teacher"aria-label="Page navigation ">
                                                <ul class="pagination" id="teaNav">
                                                    <!--                                                    <li>-->
                                                    <!--                                                        <a href="#" aria-label="Previous">-->
                                                    <!--                                                            <span style="font-size: 14px;">&laquo;</span>-->
                                                    <!--                                                        </a>-->
                                                    <!--                                                    </li>-->
                                                    <!--                                                    <li><a href="#">1</a></li>-->
                                                    <!--                                                    <li><a href="#">2</a></li>-->
                                                    <!--                                                    <li><a href="#">3</a></li>-->
                                                    <!--                                                    <li><a href="#">4</a></li>-->
                                                    <!--                                                    <li><a href="#">5</a></li>-->
                                                    <!--                                                    <li>-->
                                                    <!--                                                        <a href="#" aria-label="Next">-->
                                                    <!--                                                            <span style="font-size: 14px;">&raquo;</span>-->
                                                    <!--                                                        </a>-->
                                                    <!--                                                    </li>-->
                                                </ul>
                                            </nav>
                                            <!-- 考勤周报模态框 -->
                                            <div class="modal fade" id="teaWeek" tabindex="-1" role="dialog" >
                                                <div class="modal-dialog" role="document">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                                            <h4 class="modal-title" >编辑</h4>
                                                        </div>
                                                        <div class="modal-body">
                                                            <form class="form-horizontal">
                                                               功能还未上线！！
                                                            </form>
                                                        </div>
                                                        <div class="modal-footer">
                                                            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                                            <button type="button" class="btn btn-primary">确定</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- 考勤月报模态框 -->
                                            <div class="modal fade" id="teaMonth" tabindex="-1" role="dialog" >
                                                <div class="modal-dialog" role="document">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                                            <h4 class="modal-title" >编辑</h4>
                                                        </div>
                                                        <div class="modal-body" >
                                                            <form class="form-horizontal">
                                                                   <iframe class="iframe" src="../util/jquerykqzs/index.html" frameborder="0" width="100%"  height="410px">
                                                                   </iframe>
                                                            </form>
                                                        </div>
                                                        <div class="modal-footer">

                                                            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                                            <button type="button" class="btn btn-primary">确定</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <!--翻页-->

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- 学生考勤-->
                        <div role="tabpanel" class="col-md-12 tab-pane" id="student">
                            <div class="container-fluid  att-page-box">
                                <div class="row">
                                    <div class="col-md-6 att-nav">

                                        <div class="row">
<!--                                            学生考勤搜索框-->
<!--                                            <div class="col-lg-6">-->
<!--                                                <div class="input-group">-->
<!--                                                    <input type="text" class="form-control" placeholder="Search for...">-->
<!--                                                    <span class="input-group-btn"><button class="btn btn-default" type="button">Go!</button></span>-->
<!--                                                </div>&lt;!&ndash; /input-group &ndash;&gt;-->
<!--                                            </div>&lt;!&ndash; /.col-lg-6 &ndash;&gt;-->
                                        </div><!-- /.row -->


                                    </div>
                                    <div class="col-md-2 att-nav">
                                        <!-- Button trigger modal 请假录入模态框按钮 -->
                                        <button type="button" class="btn btn-primary " data-toggle="modal" data-target="#stuLeaveEntry">
                                            请假录入
                                        </button>
                                    </div>
                                    <div class="col-md-2 att-nav">
                                    </div>
                                    <div class="col-md-2 att-nav">
                                        <!-- Button trigger modal 模态框 -->
                                        <button type="button" class="btn btn-primary " data-toggle="modal" data-target="#tableExport3">
                                            数据导出
                                        </button>
                                    </div>
                                </div>
                                <!-- Modal 请假录入模态框-->
                                <div class="modal fade" id="stuLeaveEntry" tabindex="-1" role="dialog" >
                                    <div class="modal-dialog" role="document">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                                <h4 class="modal-title" >请假录入</h4>
                                            </div>
                                            <div class="modal-body">
                                                <form class="form-horizontal">
                                                    <div class="form-group">
                                                        <label  class="col-sm-2 control-label">学号</label>
                                                        <div class="col-sm-4">
                                                            <input type="email" class="form-control stu" id="addStuUid" placeholder="学号">
                                                        </div>
                                                         <span class="col-sm-6"></span>
                                                        <p class="col-sm-10 addDepartmentRemind">错误！学号为纯数字</p>
                                                    </div>
                                                    <div class="form-group">
                                                        <label  class="col-sm-2 control-label">姓名</label>
                                                        <div class="col-sm-4">
                                                            <input type="email" class="form-control stu" id="addStuName" placeholder="姓名">
                                                        </div>
                                                         <span class="col-sm-6"></span>
                                                        <p class="col-sm-10 addDepartmentRemind">错误！部门名称长度在3-10字之间</p>
                                                    </div>
                                                    <div class="form-group">
                                                        <label  class="col-sm-2 control-label">部门</label>
                                                        <div class="col-sm-4">
                                                            <input type="password" class="form-control stu" id="addStuDepartmentName" placeholder="部门名称">
                                                        </div>
                                                         <span class="col-sm-6"></span>
                                                        <p class="col-sm-10 addDepartmentRemind">错误！负责人名称长度在2-10字之间</p>
                                                    </div>
                                                    <div class="form-group">
                                                        <label  class="col-sm-2 control-label ">开始时间</label>
                                                        <div class="col-sm-4">
                                                            <input class="flatpickr form-control stu"  id="addStuStartTime " placeholder="开始时间" style="background: white">
                                                        </div>
                                                         <span class="col-sm-6"></span>
                                                    </div>
                                                    <div class="form-group">
                                                        <label  class="col-sm-2 control-label ">结束时间</label>
                                                        <div class="col-sm-4">
                                                            <input class="flatpickr form-control stu" id="addStuEndTime" placeholder="结束时间" style="background: white">
                                                        </div>
                                                        <span class="col-sm-6"></span>
                                                    </div>
                                                    <div class="form-group">
                                                        <label  class="col-sm-2 control-label">请假类型</label>
                                                        <div class="col-sm-10">
                                                                    <input type="radio" name="radio" value="事假"><label >事假</label>
                                                                    <input type="radio" name="radio"  value="调休"><label >调休</label>
                                                                    <input type="radio" name="radio"  value="病假"> <label >病假</label>
                                                                    <input type="radio" name="radio"  value="年假"> <label >年假</label>
                                                                    <input type="radio" name="radio"  value="产假"> <label >产假</label>
                                                                    <input type="radio" name="radio"  value="陪产假"> <label >陪产</label>
                                                                    <input type="radio" name="radio"  value="例假"> <label >例假</label>
                                                                    <input type="radio" name="radio"  value="哺乳假"> <label >哺乳假</label>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label  class="col-sm-2 control-label stu">请假事由</label>
                                                        <div class="col-sm-10">
                                                            <textarea class="form-control" type="text" id="addStuLeaveNote" placeholder="请假备注：" style="height: 100px"></textarea>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label  class="col-sm-2 control-label stu">审批</label>
                                                        <div class="col-sm-4">
                                                            <input type="email" class="form-control" id="addStuApprover" placeholder="填入审批人">
                                                        </div>
                                                        <span class="col-sm-6"></span>
                                                        <p class="col-sm-10 addDepartmentRemind">错误！请输入审批人</p>
                                                    </div>
                                                    <div class="form-group">
                                                        <label  class="col-sm-2 control-label ">抄送</label>
                                                        <div class="col-sm-4">
                                                            <input type="email" class="form-control" id="addStuEmai" placeholder="收件人邮箱">
                                                        </div>
                                                        <span class="col-sm-6"></span>
                                                        <p class="col-sm-10 addDepartmentRemind">错误！请输入正确的邮箱格式</p>
                                                    </div>
                                                </form>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                                <button type="button" class="btn btn-primary">确定</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Modal 数据导出模态框-->
                                <div class="modal fade" id="tableExport3" tabindex="-1" role="dialog" >
                                    <div class="modal-dialog" role="document">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                                <h4 class="modal-title" >请假录入</h4>
                                            </div>
                                            <div class="modal-body">
                                                <form class="form-horizontal">
                                                    确定要打印学生考勤表吗？
                                                </form>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                                <button type="button" class="btn btn-primary">确定</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--学生考勤表-->
                                <div class="row">
                                    <div class="col-md-12 att-nav">
                                        <div class="table-responsive att-table">
                                            <table class="table  table-bordered att-stu-table">
                                                <tbody class="table2">
                                                <tr style="font-size: 14px; border-bottom:3.5px solid #dee2e6 ;border-top: 2px solid #dee2e6 ;" class="headline">
                                                    <th>学号</th>
                                                    <th>姓名</th>
                                                    <th>班级</th>
                                                    <th>月报</th>
                                                </tr>
<!--                                                <tr>-->
<!--                                                    <td>1641310201</td>-->
<!--                                                    <td>张三</td>-->
<!--                                                    <td>花花一班</td>-->
<!--                                                    <td>-->
<!--                                                        <button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#stuWeek">-->
<!--                                                            考勤周报-->
<!--                                                        </button>-->
<!--                                                    </td>-->
<!--                                                    <td>-->
<!--                                                        <button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#stuMonth">-->
<!--                                                            考勤月报-->
<!--                                                        </button>-->
<!--                                                    </td>-->
<!--                                                </tr>-->
                                                </tbody>
                                            </table>
                                            <nav class="att-footer-nav" aria-label="Page navigation ">
                                                <ul class="pagination" id="stuNav">
                                                    <!--                                                    <li>-->
                                                    <!--                                                        <a href="#" aria-label="Previous">-->
                                                    <!--                                                            <span style="font-size: 14px;">&laquo;</span>-->
                                                    <!--                                                        </a>-->
                                                    <!--                                                    </li>-->
                                                    <!--                                                    <li><a href="#">1</a></li>-->
                                                    <!--                                                    <li><a href="#">2</a></li>-->
                                                    <!--                                                    <li><a href="#">3</a></li>-->
                                                    <!--                                                    <li><a href="#">4</a></li>-->
                                                    <!--                                                    <li><a href="#">5</a></li>-->
                                                    <!--                                                    <li>-->
                                                    <!--                                                        <a href="#" aria-label="Next">-->
                                                    <!--                                                            <span style="font-size: 14px;">&raquo;</span>-->
                                                    <!--                                                        </a>-->
                                                    <!--                                                    </li>-->
                                                </ul>
                                            </nav>
                                            <!-- 考勤周报模态框 -->
                                            <div class="modal fade" id="stuWeek" tabindex="-1" role="dialog" >
                                                <div class="modal-dialog" role="document">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                                            <h4 class="modal-title" >编辑</h4>
                                                        </div>
                                                        <div class="modal-body">
                                                            <form class="form-horizontal">
                                                                功能还未上线！！
                                                            </form>
                                                        </div>
                                                        <div class="modal-footer">
                                                            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                                            <button type="button" class="btn btn-primary">确定</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- 考勤月报模态框 -->
                                            <div class="modal fade" id="stuMonth" tabindex="-1" role="dialog" >
                                                <div class="modal-dialog" role="document">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                                            <h4 class="modal-title" >编辑</h4>
                                                        </div>
                                                        <div class="modal-body">
                                                            <form class="form-horizontal">
                                                                <iframe class="iframe" src="../util/jquerykqzs/index.html" frameborder="0" width="100%" height="410px">
                                                                </iframe>
                                                            </form>
                                                        </div>
                                                        <div class="modal-footer">
                                                            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                                            <button type="button" class="btn btn-primary">确定</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--翻页-->

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
            </div>
        </div>
    </div>
</body>
<script src="../util/jquery-3.4.1.js"></script>
<script src="../util/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<script src="../util/echarts.js"></script>
<script type="text/javascript" src="../js/attendance.js">
</script>
<script>
    //获取时间日期的输入框 的初始化
    (function () {

    //     document.getElementsByClassName("flatpickr").flatpickr(
    //     {
    //         minuteIncrement:1,
    //         enableTime:true,
    //         enableSeconds:true,
    //         time_24hr:true,
    //         minDate:'today',
    //         altInput: false,
    //         altFormat: "\\C\\h\\e\\c\\k \\i\\n\\: l, F j Y",
    //         minDate: new Date()
    //     }
    // );
    })();
    // jQuery初始化方法
    //$("flatpickr").flatpickr();
    (function () {
    // 获取所有input框
    var inputs = $('.tea');
    /*inputs=inputs+document.getElementsByName("select");
    inputs=inputs+document.getElementsByName("textarea");*/
    // 为每个input框添加失去焦点事件
    for (var i = 0; i < inputs.length; i++) {
        inputs[i].onblur = inputBlur;
    }

    function inputBlur() {
        var name = this.name;           // 获取输入框的name值
        var val = this.value;           // 获取输入框的value值
        var tips = this.placeholder;    // 获取输入框中的提示信息
        var tips_obj = this.parentNode.parentNode.children[3];  // 获取提示信息显示的div元素对象
        // 1. 去掉两端的空白字符
        val = val.trim();
        // 2. 文本框内容为空，给出提示信息
        if (!val) {
            error(tips_obj, '输入框不能为空');
            return false;
        }
        // 3. 获取正则匹配规则和提示信息
        var reg_msg = getRegMsg(name, tips);
        // 4. 检测是否否he正则匹配
        if (reg_msg['reg'].test(val)) {
            // 匹配成功，显示成功的提示信息
            success(tips_obj, reg_msg['msg']['success']);
        } else {
            // 匹配失败，显示失败的提示信息
            error(tips_obj, reg_msg['msg']['error']);
        }
    }

    // 根据input的name值，设置正则规则及提示信息
    function getRegMsg(name, tips) {
        var reg = msg = '';
        switch (name) {
            case 'addTeaUid':
                reg = /^[a-zA-Z0-9]{2,10}$/;
                msg = {'success': '用户名输入正确', 'error': tips};
                break;
            case 'addTeaName':
                reg = /^[\u4e00-\u9fa5]{2,6}$/;
                msg = {'success': '姓名输入正确', 'error': tips};
                break;
            case 'addTeaDepartmentName':
                reg = /^[\u4e00-\u9fa5]{2,10}$/;
                msg = {'success': '部门输入正确', 'error': tips};
                break;
            case 'addTeaStartTime':
                reg = /^\d{4}-\d{1,2}-\d{1,2}/;
                msg = {'success': '日期输入正确', 'error': '日期格式有误'};
                break;
            case 'addTeaEndTime':
                reg = /^\d{4}-\d{1,2}-\d{1,2}/;
                msg = {'success': '日期输入正确', 'error': '日期格式有误'};
                break;
            case 'radio':
                reg = /^[0-7]*$/;
                msg = {'success': '请假类型已选择', 'error': '请假类型不能为空'};
                break;
            case 'addTeaLeaveNote':
                reg = "/^.{2,8}$/";
                msg = {'success': '用户名输入正确', 'error': tips};
                break;
            case 'addTeaApprover':
                reg = /^^[\u4e00-\u9fa5]{2,6}$/;
                msg = {'success': '审批人输入正确', 'error': tips};
                break;
            case 'addTeaEmail':
                reg = /^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;
                msg = {'success': '邮箱输入正确', 'error': tips};
                break;

        }
        return {'reg': reg, 'msg': msg};
    }
    function success(obj, msg) {
        obj.className = 'success';
        obj.innerHTML = msg;
    }

    // 失败
    function error(obj, msg) {
        obj.className = 'error';
        obj.innerHTML = msg + '，请重新输入';
    }

    /**
     * 判断输入内容
     * */
    function checkInput(content) {
        return !(content === "" || content.length === 0 || content === null || content === undefined);
    }

    document.getElementById("teaLeaveApply").onclick = function () {
        var StuUid = document.getElementById("addTeaUid");
        var StuName = document.getElementById("addTeaName");
        var StuDepartmentName = document.getElementById("addTeaDepartmentName");
        var StuStartTime = document.getElementById("addTeaStartTime");
        var StuEndTime = document.getElementById("addTeaEndTime");
        var education = document.getElementsByName("radio");
        var StuLeaveNote = document.getElementById("addTeaLeaveNote");
        var StuApprover = document.getElementById("addTeaApprover");
        var StuEmail = document.getElementById("addTeaEmail");

        var formElements = [StuUid, StuName, StuDepartmentName, StuStartTime, StuEndTime, StuApprover,];
        console.log(formElements);
        for (var i = 0; i < formElements.length; i++) {
            var tips_obj = formElements[i].parentNode.parentNode.children[3];  // 获取提示信息显示的div元素对象
            console.log(tips_obj);
            if (checkInput(formElements[i].value) === false) {
                error(tips_obj, '输入框不能为空');
                return false;
            }
            if (tips_obj.className === 'error') {
                return false;
            }
        }


        var flag = false;//检查radio是否被选中
        var education_value = "";

        for (var j = 0; j < education.length; j++) {
            if (education[j].checked) {
                flag = true;
                var edu_status = parseInt(education[j].value);
                if (edu_status === 0) {
                    education_value = "专科";
                } else if (edu_status === 1) {
                    education_value = "本科";
                } else if (edu_status === 2) {
                    education_value = "本科";
                } else if (edu_status === 3) {
                    education_value = "本科";
                } else if (edu_status === 4) {
                    education_value = "本科";
                } else if (edu_status === 5) {
                    education_value = "本科";
                } else if (edu_status === 6) {
                    education_value = "本科";
                } else {
                    education_value = "7";
                }
                break;
            }
        }


        if (flag === false) {
            var tips = education[0].parentNode.parentNode.children[3];  // 获取提示信息显示的div元素对象
            error(tips, '请假类型不能为空');
            return false;
        }

        var userInfo = {
            StuUid:StuUid.value,
            StuName:StuName.value,
            StuDepartmentName:StuDepartmentName.value,
            StuApply:education_value,
            StuStartTime:StuStartTime.value,
            StuEndTime:StuEndTime.value,
            StuLeaveNote:StuLeaveNote.value,
            StuApprover:StuApprover.value,
            StuEmail:StuEmail.value,
        };
        teaLeave.push(userInfo);
        console.log(teaLeave);
        // console.log(userInfo);
        // var status = confirm("您的注册信息：" + "用户名" + userInfo[0] + "，密码：" + userInfo[1] + "，学历：" + userInfo[2] + "，生日：" + userInfo[3] + "，地区：" + userInfo[4]);

        // if (status === true) {
        //     window.open("checkbox.html");
        // } else {
        //     window.location.reload();
        // }
        $('#teaLeaveEntry').modal('hide');
        return true;
    };

    })();
    (function () {
        // 获取所有input框
        var inputs = $('.stu');
        /*inputs=inputs+document.getElementsByName("select");
        inputs=inputs+document.getElementsByName("textarea");*/
        // 为每个input框添加失去焦点事件
        for (var i = 0; i < inputs.length; i++) {
            inputs[i].onblur = inputBlur;
        }

        function inputBlur() {
            var name = this.name;           // 获取输入框的name值
            var val = this.value;           // 获取输入框的value值
            var tips = this.placeholder;    // 获取输入框中的提示信息
            var tips_obj = this.parentNode.parentNode.children[3];  // 获取提示信息显示的div元素对象
            // 1. 去掉两端的空白字符
            val = val.trim();
            // 2. 文本框内容为空，给出提示信息
            if (!val) {
                error(tips_obj, '输入框不能为空');
                return false;
            }
            // 3. 获取正则匹配规则和提示信息
            var reg_msg = getRegMsg(name, tips);
            // 4. 检测是否否he正则匹配
            if (reg_msg['reg'].test(val)) {
                // 匹配成功，显示成功的提示信息
                success(tips_obj, reg_msg['msg']['success']);
            } else {
                // 匹配失败，显示失败的提示信息
                error(tips_obj, reg_msg['msg']['error']);
            }
        }

        // 根据input的name值，设置正则规则及提示信息
        function getRegMsg(name, tips) {
            var reg = msg = '';
            switch (name) {
                case 'addTeaUid':
                    reg = /^[a-zA-Z0-9]{2,10}$/;
                    msg = {'success': '用户名输入正确', 'error': tips};
                    break;
                case 'addTeaName':
                    reg = /^[\u4e00-\u9fa5]{2,6}$/;
                    msg = {'success': '姓名输入正确', 'error': tips};
                    break;
                case 'addTeaDepartmentName':
                    reg = /^[\u4e00-\u9fa5]{2,10}$/;
                    msg = {'success': '部门输入正确', 'error': tips};
                    break;
                case 'addTeaStartTime':
                    reg = /^\d{4}-\d{1,2}-\d{1,2}/;
                    msg = {'success': '日期输入正确', 'error': '日期格式有误'};
                    break;
                case 'addTeaEndTime':
                    reg = /^\d{4}-\d{1,2}-\d{1,2}/;
                    msg = {'success': '日期输入正确', 'error': '日期格式有误'};
                    break;
                case 'radio':
                    reg = /^[0-7]*$/;
                    msg = {'success': '请假类型已选择', 'error': '请假类型不能为空'};
                    break;
                case 'addTeaLeaveNote':
                    reg = "/^.{2,8}$/";
                    msg = {'success': '用户名输入正确', 'error': tips};
                    break;
                case 'addTeaApprover':
                    reg = /^^[\u4e00-\u9fa5]{2,6}$/;
                    msg = {'success': '审批人输入正确', 'error': tips};
                    break;
                case 'addTeaEmail':
                    reg = /^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;
                    msg = {'success': '邮箱输入正确', 'error': tips};
                    break;

            }
            return {'reg': reg, 'msg': msg};
        }
        function success(obj, msg) {
            obj.className = 'success';
            obj.innerHTML = msg;
        }

        // 失败
        function error(obj, msg) {
            obj.className = 'error';
            obj.innerHTML = msg + '，请重新输入';
        }

        /**
         * 判断输入内容
         * */
        function checkInput(content) {
            return !(content === "" || content.length === 0 || content === null || content === undefined);
        }

        document.getElementById("teaLeaveApply").onclick = function () {
            var StuUid = document.getElementById("addTeaUid");
            var StuName = document.getElementById("addTeaName");
            var StuDepartmentName = document.getElementById("addTeaDepartmentName");
            var StuStartTime = document.getElementById("addTeaStartTime");
            var StuEndTime = document.getElementById("addTeaEndTime");
            var education = document.getElementsByName("radio");
            var StuLeaveNote = document.getElementById("addTeaLeaveNote");
            var StuApprover = document.getElementById("addTeaApprover");
            var StuEmail = document.getElementById("addTeaEmail");

            var formElements = [StuUid, StuName, StuDepartmentName, StuStartTime, StuEndTime, StuApprover,];
            console.log(formElements);
            for (var i = 0; i < formElements.length; i++) {
                var tips_obj = formElements[i].parentNode.parentNode.children[3];  // 获取提示信息显示的div元素对象
                console.log(tips_obj);
                if (checkInput(formElements[i].value) === false) {
                    error(tips_obj, '输入框不能为空');
                    return false;
                }
                if (tips_obj.className === 'error') {
                    return false;
                }
            }


            var flag = false;//检查radio是否被选中
            var education_value = "";

            for (var j = 0; j < education.length; j++) {
                if (education[j].checked) {
                    flag = true;
                    var edu_status = parseInt(education[j].value);
                    if (edu_status === 0) {
                        education_value = "事假";
                    } else if (edu_status === 1) {
                        education_value = "调休";
                    } else if (edu_status === 2) {
                        education_value = "病假";
                    } else if (edu_status === 3) {
                        education_value = "年假";
                    } else if (edu_status === 4) {
                        education_value = "产假";
                    } else if (edu_status === 5) {
                        education_value = "陪产";
                    } else if (edu_status === 6) {
                        education_value = "丧假";
                    } else {
                        education_value = "哺乳假";
                    }
                    break;
                }
            }


            if (flag === false) {
                var tips = education[0].parentNode.parentNode.children[3];  // 获取提示信息显示的div元素对象
                error(tips, '请假类型不能为空');
                return false;
            }

            var userInfo = {
                StuUid:StuUid.value,
                StuName:StuName.value,
                StuDepartmentName:StuDepartmentName.value,
                StuApply:education_value,
                StuStartTime:StuStartTime.value,
                StuEndTime:StuEndTime.value,
                StuLeaveNote:StuLeaveNote.value,
                StuApprover:StuApprover.value,
                StuEmail:StuEmail.value,
            };
            teaLeave.push(userInfo);
            console.log(teaLeave);
            // console.log(userInfo);
            // var status = confirm("您的注册信息：" + "用户名" + userInfo[0] + "，密码：" + userInfo[1] + "，学历：" + userInfo[2] + "，生日：" + userInfo[3] + "，地区：" + userInfo[4]);

            // if (status === true) {
            //     window.open("checkbox.html");
            // } else {
            //     window.location.reload();
            // }
            $('#teaLeaveEntry').modal('hide');
            return true;
        };

    })();

</script>
</html>